{extends file="assets::smarty-templates::Master"|ToPath}
{block name=content}
<style type="text/css" >
    {literal}
    /*
    Un hack para evitar el problema del ancho de los formularios.
    */
    #primary_right .inner{
        width: 100% !important;
    }
    {/literal}
</style>

<h2>{$student->getNombres()} {$student->getApellidos()}</h2>

<form action="{$action}" method="post" class="form-validate">
    <div class="tabs">
        <ul>
            <li><a href="#Basicos">Datos B&aacute;sicos</a></li>
            <li><a href="#Familiares">Datos Familiares</a></li>
        </ul>

        <div id="Basicos">
            <fieldset>
                <legend>Datos B&aacute;sicos</legend>
                <dl>
                    <dt>Fecha de nacimiento</dt>
                    <dd><input class="datepicker sf" type="text" name="FechaNacimiento" value="{$student->getFechaNacimiento()|json_to_date:"d/m/Y"}" /></dd>
                </dl>
                {*Departamento y municipio de nacimiento*}
                <dl>
                    <dt><label>Departamento de Nacimiento:</label></dt>
                    <dd>
                        <input type="hidden" id="nombre-departamento-nacimiento" name="DepartamentoNacimientoNombre"
                               value="{$departamentoNacimiento}" class="mf"/>
                        <select name="DepartamentoNacimiento" id="departamento-nacimiento">
                        {foreach $departamentos as $departamento}
                            <option value="{$departamento->getCodigoDepartamento()}"
                                    {if $departamento->getNombre() == $departamentoNacimiento}
                                    selected="selected"
                                    {/if}>
                                {$departamento->getNombre()}
                            </option>
                        {/foreach}
                        </select>
                    </dd>
                </dl>
                <dl>
                    <dt><label>Municipio de Nacimiento:</label></dt>
                    <dd>
                        <select name="MunicipioNacimiento" id="municipio-nacimiento">
                            {foreach $municipiosNacimiento as $municipio}
                            <option value="{$municipio->getNombre()}"
                                    {if $municipio->getNombre() == $student->getLugarNacimiento()->getNombre()}
                                    selected="selected"
                                    {/if}>
                                {$municipio->getNombre()}
                            </option>
                            {/foreach}
                        </select>
                    </dd>
                </dl>
                <dl>
                    <dt>Grupo sangu&iacute;neo</dt>
                    <dd>
                        {html_options name="GrupoSanguineo" options=$tiposDeSangre selected=$student->getTipoSangre()->getGrupoSanguineo()}
                        {html_options name="RH" values=$RHs output=$RHs selected=$student->getTipoSangre()->getRH()}
                    </dd>
                </dl>
                {*Municipio de residencia*}
                <dl>
                    <dt><label>Municipio de Residencia:</label></dt>
                    <dd>
                        <input type="text" name="MunicipioContacto" value="{$municipioContacto}" class="mf"/>
                    </dd>
                </dl>
                {*/Municipio y departamento de residencia*}
                <dl>
                    <dt>Direccion</dt>
                    <dd><input type="text" name="Direccion" value="{$student->getDatosCorreo()->getDireccion()}" class="mf"/> </dd>
                </dl>
                <dl>
                    <dt>Telefono</dt>
                    <dd><input type="text" name="Telefono" value="{$student->getDatosCorreo()->getTelefono()}" class="mf"/> </dd>
                </dl>
                <dl>
                    <dt>Celular</dt>
                    <dd><input type="text" name="Celular" value="{$student->getCelular()}" class="mf"/> </dd>
                </dl>
                <dl>
                    <dt>E-mail</dt>
                    <dd><input type="text" name="Email" value="{$student->getEmail()}" class="mf" /> </dd>
                </dl>
                <dl>
                    <dt>Estado Civil</dt>
                    <dd>{html_options name="EstadoCivil" options=$estadosCiviles selected=$student->getEstadoCivil()}</dd>
                </dl>
            </fieldset>
        </div>

        <div id="Familiares">
            <fieldset>
                <legend>Datos del Padre</legend>
                <dl>
                    <dt>Nombre</dt>
                    <dd><input name="NombrePadre" type="text" value="{$student->getDatosPadre()->getNombre()}" class="mf"/> </dd>
                </dl>
                <dl>
                    <dt>Telefono</dt>
                    <dd><input name="TelefonoPadre" type="text" value="{$student->getDatosPadre()->getTelefono()}" class="mf"/> </dd>
                </dl>
                <dl>
                    <dt>Celular</dt>
                    <dd><input name="CelularPadre" type="text" value="{$student->getDatosPadre()->getCelular()}" class="mf"/> </dd>
                </dl>
                <dl>
                    <dt>Ocupacion</dt>
                    <dd><input name="OcupacionPadre" type="text" value="{$student->getDatosPadre()->getOcupacion()}" class="mf" /> </dd>
                </dl>
                <dl>
                    <dt>Empresa</dt>
                    <dd><input name="NombreEmpresaPadre" type="text" value="{$student->getDatosPadre()->getDatosLaborales()->getNombreEmpresa()}" class="mf"/> </dd>
                </dl>
            </fieldset>
            <fieldset>
                <legend>Datos de la Madre</legend>
                <dl>
                    <dt>Nombre</dt>
                    <dd><input name="NombreMadre" type="text" value="{$student->getDatosMadre()->getNombre()}" class="mf"/> </dd>
                </dl>
                <dl>
                    <dt>Telefono</dt>
                    <dd><input name="TelefonoMadre" type="text" value="{$student->getDatosMadre()->getTelefono()}" class="mf"/> </dd>
                </dl>
                <dl>
                    <dt>Celular</dt>
                    <dd><input name="CelularMadre" type="text" value="{$student->getDatosMadre()->getCelular()}" class="mf"/> </dd>
                </dl>
                <dl>
                    <dt>Ocupacion</dt>
                    <dd><input name="OcupacionMadre" type="text" value="{$student->getDatosMadre()->getOcupacion()}" class="mf"/> </dd>
                </dl>
                <dl>
                    <dt>Empresa</dt>
                    <dd><input name="NombreEmpresaMadre" type="text" value="{$student->getDatosMadre()->getDatosLaborales()->getNombreEmpresa()}" class="mf"/> </dd>
                </dl>
            </fieldset>

            <fieldset>
                <dl>
                    <dt>Direccion de los padres</dt>
                    <dd><input type="text" name="DireccionPadres" value="{$student->getDireccionPadres()}" class="mf"/></dd>
                </dl>
            </fieldset>

        </div>

        <div id="Bachiller" >
            <fieldset>
                <legend>Datos de Bachiller</legend>

                <dl>
                    <dt>Instituci&oacute;n donde se graduo</dt>
                    <dd><input type="text" name="NombreColegio" class="mf" /></dd>
                </dl>

                <dl>
                    <dt>Codigo de la Instituci&oacute;n donde se graduo</dt>
                    <dd><input type="text" name="CodigoColegio" class="mf" /></dd>
                </dl>

                <dl>
                    <dt>Folio diploma</dt>
                    <dd><input type="text" name="FolioDiploma" class="mf" /></dd>
                </dl>
                
                <dl>
                    <dt>Libro Diploma</dt>
                    <dd><input type="text" name="LibroDiploma" class="mf" /></dd>
                </dl>

                <dl>
                    <dt>Fecha Registro Diploma</dt>
                    <dd><input type="text" name="FechaRegistro Diploma" class="mf" /></dd>
                </dl>
            </fieldset>
        </div>
    </div>
    <input type="submit" value="Guardar datos" class="button"/>
</form>
<script type="text/javascript" >
    {literal}
    jQuery.noConflict();
    jQuery(document).ready(function(){

        function formatCityOption(city){
            return '<option value="'+ city.Nombre +'">'+ city.Nombre +'</option>';
        }
        jQuery("#changeCarreer").click(function(){
            prepareCourses();
        });
        onDepartmentSelect("#departamento-nacimiento", "#municipio-nacimiento", formatCityOption, "#nombre-departamento-nacimiento");
    });
    {/literal}
</script>
{/block}